<template>
  <div>
    <input v-model="msg1" type="text"> <br><br>
    <!-- v-model底层: :value属性和@Input事件的合写 -->
    <input :value="msg2" @input="msg2 = $event.target.value" type="text"> <br><br>

    <!-- 表单类组件封装, 父传子不能直接用v-model直接绑定数据,需要拆解 -->
    <!-- <VModelSon
      :cityId="selectId"
      @changeId="selectId = $event"
    /> -->
    
    <!-- v-model => :value + @input -->
    <VModelSon
      v-model="selectId"
    />
  </div>
</template>

<script>
import VModelSon from './VModelSon.vue'
export default {
  components: { VModelSon },
  data() {
    return {
      selectId: '102',
      msg1: '',
      msg2: ''
    }
  },
}
</script>

<style>

</style>